<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ include file="/include/taglib.jsp"%>

<html>
<head>
<meta charset="UTF-8">
<title></title>

</head>
<body class="easyui-layout">
	<div data-options="region:'north',border:false"
		style="height: 60px; background: #B3DFDA; padding: 10px">north
		region</div>
	<div data-options="region:'west',split:true,title:'功能权限'"
		style="width: 150px;">
		<div class="easyui-accordion" style="width: 100%; height: 100%;">
			<div title="业务功能" data-options="iconCls:'icon-help'" >
				<ul class="easyui-datalist" id="buss" lines="true"
					style="width: 100%; height: 100%">
					<li value="AL1"><a href="#" onclick="addTab('股票基本信息管理','${ctx}/manager/stockList')">股票基本信息管理</a></li>
					<li value="b1">股票类别管理</li>
					<li value="AK2">股票历史行情管理</li>
					<li value="AZ3">股票日行情管理</li>
					<li value="v2">每日龙虎版管理</li>
					<li value="v2">每日资金流向管理</li>
					<li value="dff">每日DDE决策</li> 
				</ul>
			</div>
			
			<div title="报表数据" data-options="iconCls:'icon-help'" >
				<ul class="easyui-datalist" id="buss" lines="true"
					style="width: 100%; height: 100%">
					<li value="AL1"><a href="#" onclick="addTab('股票基本信息管理','${ctx}/manager/stockList')">股票基本信息管理</a></li>
					<li value="b1">滞涨分类股筛选</li>
					<li value="AK2">股票历史行情管理</li>
					<li value="AZ3">股票日行情管理</li>
					<li value="v1">股票日行情管理</li>
					<li value="v2">每日龙虎版管理</li>
					<li value="dff">每月解禁数据管理</li> 
				</ul>
			</div>
		
			<div title="系统管理" data-options="iconCls:'icon-ok'" style="overflow: auto; ">
				<ul class="easyui-datalist" id="system"  lines="true" style="width: 100%; height: 100%">
					<li value="AL">用户管理</li>
					<li value="AK">角色管理</li>
					<li value="AZ">权限管理</li>
				</ul>
			</div>
			
			<div title="设置管理" data-options="iconCls:'icon-ok'" style="overflow: auto; ">
				<ul class="easyui-datalist" id="system"  lines="true" style="width: 100%; height: 100%">
					<li value="AL2">用户管理1</li>
					<li value="AK2">角色管理2</li>
					<li value="AZ2">权限管理3</li>
				</ul>
			</div>

			
			
			
		</div>



	</div>

	<div
		data-options="region:'east',split:true,collapsed:true,title:'East'"
		style="width: 100px; padding: 10px;">east region</div>
	<div data-options="region:'south',border:false"
		style="height: 50px; background: #A9FACD; padding: 10px;">south
		region</div>
	<div data-options="region:'center'">

		<div id="easy_tabs" class="easyui-tabs"
			style="width: 100%; height: 100%;">
			<div title="About">
				<table class="easyui-datagrid"
					data-options="url:'${ctx}/easyui/demo/layout/datagrid_data1.json',method:'get',border:true,singleSelect:true,fit:true,fitColumns:true">
					<thead>
						<tr>
							<th data-options="field:'itemid'" width="80">Item ID</th>
							<th data-options="field:'productid'" width="100">Product ID</th>
							<th data-options="field:'listprice',align:'right'" width="80">List
								Price</th>
							<th data-options="field:'unitcost',align:'right'" width="80">Unit
								Cost</th>
							<th data-options="field:'attr1'" width="150">Attribute</th>
							<th data-options="field:'status',align:'center'" width="60">Status</th>
						</tr>
					</thead>
				</table>
			</div>
			<div title="Title2">
				
			
			</div>
			<div title="Title3"></div>
		</div>
	</div>
</body>
</html>

<script type="text/javascript">
	$(function() {
		var tabs = $('#easy_tabs').tabs().tabs('tabs');
		for (var i = 0; i < tabs.length; i++) {

			tabs[i].panel('options').tab.unbind().bind('mouseenter', {
				index : i
			}, function(e) {
				//$('#easy_tabs').tabs('select', e.data.index);
			});

		}
	});
	
	
	function addTab(title, url){
		if ($('#easy_tabs').tabs('exists', title)){
			$('#easy_tabs').tabs('select', title);
		} else {
			var content = '<iframe scrolling="auto" frameborder="0"  src="'+url+'" style="width:100%;height:100%;"></iframe>';
			$('#easy_tabs').tabs('add',{
				title:title,
				content:content,
				closable:true
			});
		}
	}
</script>

